@charset "utf-8";
div,p,span,a,nav,input,select,ul,li,img{ margin:0; padding:0; outline: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:Helvetica, "Helvetica Neue",  STHeiTi, sans-serif; margin: 0; padding: 0; margin: 0 auto; position: relative;}
img { border: 0;display: inline-block; max-width: 100%; vertical-align: middle;}
a{ text-decoration:none; color: #222;}
ul{ list-style: none; }
dl,ul,p{ -webkit-margin-before:0em; -webkit-margin-after:0em;}
input,select,textarea{-webkit-appearance: none; font-size: 14px; outline: none; color: #333; font-family:Helvetica, "Helvetica Neue",  STHeiTi, sans-serif;}
body{ font-size: 14px; line-height: 24px; color: #333; background: #f9f9f9; }
html,body{ height: 100%; }
/*.html{ width: 100%; margin: 0 auto; position: relative; z-index: 1; overflow: hidden;min-height: 100%; padding-top: 45px;}*/
.alic{ text-align: center;}
.alir{ text-align: right;}
.ovh{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.ptr{ position: relative;}
.bgcfff{ background: #fff;}
.wp100{ width: 100%;}
.ellipsis{white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.dsn{ display: none;}
.pta{ position: absolute;}
.pl10{ padding-left: .1rem; }
.mt10{ margin-top: .1rem; }
.ml10{ margin-left: .1rem;}
.green{ color: #36cd25; }
.ash{ color: #999; }
.red{ color: #ff3b30; }
.blue{ color: #3da8f5;}
.center{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  }
.clearfix:after{ content: ""; display: block; clear: both; }

input::-webkit-input-placeholder { color: #ccc;}
textarea::-webkit-input-placeholder { color: #ccc;}
/*----weight-------*/
.tippop{ position: fixed; z-index: 99; left: 0; top: 50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size: 12px; text-align: center; width: 100%; padding: 0 30px;}
.tippop .text{ padding:20px; font-size: 12px; border-radius: 5px; }
.tippop .danger{ background: #f2dede; color: #a94442;}
.tippop .success{ background: #dff0d8; color: #3c763d;}
.tippop .info{ background: #d9edf7; color: #31708f;}
.tippop .warning{ background: #fcf8e3; color: #8a6d3b;}
.tippop .tip{ background: rgba(0,0,0,.6); color: #fff;}
.tippop_bg{position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,.6); z-index: 98;}
.tippop_alert{ position: fixed; z-index: 99; left: 50%; top: 50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size: 14px; text-align: center; min-width: 150px; width: 70%; border-radius: 5px; overflow: hidden;}
.tippop_alert_t{padding: 25px 15px; background: #fff; border-bottom: 1px solid #e8e8e8; text-align: center; font-size: 14px; color: #666; line-height: 20px;}
.tippop_alert_b{ display: block; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #333; background: #fff; }
.tippop_confirm_btn{ display: block; float: left; width: 50%; height: 36px; line-height: 36px; color: #666;}
.tippop_confirm_btn:nth-child(1){ border-right:1px solid #e8e8e8;}
.tippop_input_m{ border-bottom: 1px solid #e8e8e8;  background: #fff; padding-bottom: 10px;}
.tippop_input_m .input{ display: block; height: 30px; width: 80%; margin: 0 auto; text-align: center; border:1px solid #eee; border-radius: 3px;}
.tippop_input_t{padding: 15px 15px 10px; background: #fff;text-align: center; font-size: 14px; color: #666; line-height: 20px;}


.btn{position: relative;display: block;font-size: 16px; text-align: center; color: #fff; line-height: 42px; background: #4C84FF; border-radius: 3px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.btn_rd21{ border-radius: 21px; }
.btn_rd30{ border-radius: 30px; }
.btn_lg{ line-height: 60px; }
.btn:hover{box-shadow:2px 0px 6px rgba(76,156,255,0.4); color: #fff;}

.botline{ display: none; }

.topline{ position: fixed; left: 0; top: 0; height: 42px; width: 100%; z-index: 5; background: #fff; }
.topline .tll{ display: none; }
.topline .tlback{ display: block; position: absolute; left: 0; top: 0; z-index: 3; height: 42px; width: 42px; background: url(../images/arw01_left.png) no-repeat center center; background-size: 9px 16px; }
.topline .tltext{ line-height: 42px; font-size: 16px; color: #9198a6; }
.topline .tlmenu{ display: block; position: absolute; right: 0; top: 0; z-index: 3; height: 42px; width: 42px; background: url(../images/icon_list.png) no-repeat center center; background-size: 16px 16px; }
.topline .navcont{ position: fixed; left: 0; top: 0; overflow: hidden; padding-top: 42px; height: 100%; width: 0; }
.topline .navls{ display: block; line-height: 46px; border-bottom: 1px solid #eee; font-size: 16px; position: relative; }
.topline .navls_link{ display: block; padding-left: 20px; }
.topline .nav_dpmenu{ display: none; padding-left: 15px;}
.topline .subnavls{ display: block; line-height: 40px; color: #666; white-space: nowrap; font-size: 14px; padding-left: 10px; border-top: 1px solid #eee; }
.topline .navspa{ border-bottom: 1px solid #eee; padding: 5px 10px; }
.topline .navvip{ display: block; height: 38px; font-size: 16px; line-height: 38px; text-align: center; border-radius: 20px; color: #fff; background: #4C84FF; }
.topline .navuli{ display: none;}
.topline .navbg{ position: absolute; left: 0; top: 42px; z-index: 2; height: 1000%; width: 100%; background: rgba(0,0,0,.4); }
.topline .nav{ position: relative; height: 100%; width: 130px; float: right; background: #fff; z-index: 3; overflow-y:scroll;-webkit-overflow-scrolling:touch; transform: translate(100px,0); -webkit-transform: translate(100px,0); opacity: 0; transition: all .2s; -webkit-transition: all .2s; }
.topline .nav_dropdown{display: block; position: absolute; right: 0; top: 0; z-index: 2; height: 46px; width: 36px; background: url(../images/arw_down.png) no-repeat center center; background-size: 12px 12px;}
.topline .navls_open .nav_dpmenu{ display: block; }
.shownav .navcont{ width: 100%; }
.shownav .nav{ opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0);}


.login{ background: url(../images/bg02.jpg); background-size: cover; position: relative; height: 100%; }
.login .cont{ border-radius:14px;  background:rgba(255,255,255,.2); padding: 20px; width: 70%; }
.login .lgtil{ font-size: 18px; line-height: 24px; color: #fff; padding-bottom: 10px; }
.login .lgline{ margin-top: 10px;  position: relative; padding-left: 30px; background: #fff; border-radius: 5px; }
.login .lgico{ position: absolute; left: 10px; top: 13px; width: 13px; }
.login .ctrol{ display: block; width: 100%; background: none; height: 40px; font-size: 12px; border:none; }
.login .btn{ background: rgba(255,255,255,.4); line-height: 40px; border-radius: 20px; border:none; width: 100%; }
.login .lgbtn{ padding-top: 20px; }
.login .lgfor{margin-top: 20px; color: #fff; text-align: center; display: block;}
.login .yzm{ position: absolute; z-index: 2; right: 0; top: 5px; height: 30px; width: 68px; }


.forget .fgtil{ display: none; }
.forget{ background: #fff; margin: 50px auto 0; width: 90%; overflow: hidden; border-radius: 4px; box-shadow:0px 0px 10px rgba(0,0,0,0.05) }
.forget .lines{ padding: 20px 15px 0;}
.forget .line{ position: relative; margin-bottom: 14px; }
.forget .linet{ line-height: 42px; }
.forget .ado{ color: #999; font-size: 12px; line-height: 20px; }
.forget .ctrol{ display: block; height: 40px; border:1px solid #E5E5E4; border-radius: 4px; width: 100%; padding-left: 10px; }
.forget .btn_yzm{position: absolute; right: 0; top: 20px; font-size: 12px; line-height: 40px; background: #f5f5f5; color: #333; width: 100px; }
.forget .btn_yzm:hover{ box-shadow: none; }
.forget .linea{ padding-top: 10px; }
.forget .errormsg{ left: 620px; top: 8px; }
.forget .lineb .errormsg{ left: 780px; }
.forget_st{ background: none; }
.forget .fgst{ padding-top:80px; text-align: center; font-size: 18px; line-height: 36px; }
.forget .fgsti{ display: block; margin: 0 auto; }

.index{ padding: 52px 10px 20px; }
.index .idl{margin-bottom: 15px; }
.index .idlt{ padding-top: 20px; }
.index .idlti{ display: block; height: 50px; width: 50px; margin: 0 auto; }
.index .idln{ text-align: center; font-size: 14px; line-height: 24px; padding: 5px 0 2px; }
.index .idllev{ color: #999; text-align: center; padding-bottom: 30px; font-size: 12px; }
.index .idllevi{ margin-right: 10px; width: 10px; height: 8px; }
.index .idlbls{ width: 50%; float: left; padding-left: 60px; height: 70px; position: relative; }
.index .idlblsi{ position: absolute; left: 10px; top: 8px; height: 30px; width: 30px;  }
.index .idlblst{ color: #9FA3AC; font-size: 12px; }
.index .idlblsv{ font-size: 14px; line-height: 26px;}
.index .idr{ background:rgba(255,255,255,1); border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05); padding-top: 20px; }
.index .idrls{ position: relative; width:50%; height:120px; padding-left: 50px; float: left; }
.index .idrlsi{ position: absolute; left: 10px; top: 5px; height: 30px; width: 30px; }
.index .idrlst{ color: #999;font-size: 12px; }
.index .idrlsv{ font-size: 14px; font-weight: bold; color: #666; }
.index .btn_idr{ width: 80px; margin-top: 10px; font-size: 12px; line-height: 32px; }
.index .iinfo{background:rgba(255,255,255,1); border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05);}
.index .igg{padding: 10px; background:rgba(255,255,255,1); border-radius: 4px; box-shadow:0px 0px 15px rgba(0,0,0,0.05); margin-top: 15px;}
.index .iggt{ font-size: 16px; padding-bottom: 10px; }
.index .iggls{ position: relative;line-height: 32px; font-size: 14px; color: #666; display: block; padding-right: 60px; }
.index .iggls:before{ content: ""; display: block; height: 3px; width: 3px; background: #4C84FF; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.index .iggte{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; font-size: 12px; }
.index .iggtm{ color: #999; position: absolute; right: 0; top: 0; font-size: 12px; }


.formline{ padding: 20px 15px; }
.formline .fline{ position: relative; margin-bottom: 10px; }
.formline .fline:after{ content: ""; display: block; clear: both; }
.formline .ado{color: #999; font-size: 12px; line-height: 20px;}
.formline .ctrol{ display: block; height: 40px; border:1px solid #E5E5E4; border-radius: 4px; width: 100%; padding-left: 10px; }
.formline .ctrol_select{ background: url(../images/arw_down01.png) no-repeat 98% center; background-size: 13px 7px; }
.formline .ador{ color: #FF5256; margin: 0 5px; }
.formline .fsp{ display: block; float: left; line-height: 40px; color: #ccc; text-align: center; width: 6%; }
.formline .fwapa .ctrol{ width: 47%; float: left; }
.formline .flinete{ line-height: 40px; }
.formline .flti{ color: #999; margin: 0 10px; }
.formline .flinebtn{ padding-top: 20px; }
.formline .fradios{overflow: hidden; padding-top: 8px;}
.formline .fcheck{ line-height: 24px; margin: 0 20px 10px 0; padding-left: 22px; position: relative; display: block; float: left; }
.formline .fcheck:before{ content: ""; display: block; position: absolute; left: 0; top: 3px; border-radius: 50%; border:1px solid #999; height: 16px; width: 16px; }
.formline .fcheck_ed:before{ border-color: #4C84FF; }
.formline .fcheck_ed:after{ content: ""; display: block; position: absolute; left: 4px; top: 7px; border-radius: 50%; height: 10px; width: 10px; background: #4C84FF; }
.formline .flineflt{ padding:5px 0;font-size: 12px; color: #999; line-height: 18px; }

.vipreg{ background: #fff; margin: 50px auto 0; width: 90%; overflow: hidden; border-radius: 4px; box-shadow:0px 0px 10px rgba(0,0,0,0.05);}
.vipreg .fgtil{display: none;}
.vipreg .fwapb .fsp{ display: none; }
.vipreg .fwapb .ctrol{ margin-bottom: 5px; }

.personal{ padding: 40px 0 30px;}
.personal .pltil{ font-size: 16px; color: #666; padding: 10px 0 10px 10px; }
.personal .infom{ background: #fff; }
.formline .pl .fline:after{ content: ""; display: block; clear: both; }
.personal .pl .ado{ color: #999; font-size: 12px; line-height: 20px; }
.personal .prbox{background: #fff; }
.personal .prls{ height: 70px; border-bottom: 1px solid #eee; position: relative; line-height: 70px; padding-left: 70px; }
.personal .prlsi{ position: absolute; left: 20px; top: 25px; width: 20px; height: 20px; }
.personal .prlste{ font-size: 16px; color: #666; font-weight: bold; }
.personal .prlsst{ position: absolute; right: 20px; top: 0; color: #4C84FF; }

.pop{ display: none; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8); z-index: 9; opacity: 1; transition:all .2s; -webkit-transition:all .2s;}
.pop .pop_model{ width: 100%; position: absolute; left: 0; top: 0; background: #fff;  opacity: 0; margin-top: -100px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; }
.pop_active .pop_model{ margin-top: 0; opacity: 1; }
.pop .pop_model_til{background: #4C84FF; line-height: 40px; position: relative; padding-left: 10px; color: #fff; font-size:14px;  }
.pop .pop_model_close{ position: absolute; right: 0; top: 0; height: 40px; width: 40px; background: url(../images/icon_close.png) no-repeat center center; }
.pop .fline{}
.pop .ado{color: #999; font-size: 12px; line-height: 20px; }
.pop .ctrol{ width: 100%; }
.pop .errormsg{ left: auto; right: 40px; top: 8px; }

.backcard{ padding: 40px 0 60px;}
.backcard .btil{ line-height: 46px; font-size: 16px; padding-left: 20px; }
.backcard .btilt{ color: #666; font-size: 12px; }
.backcard .btilc{ color: #4C84FF; }
.backcard .list{ overflow: hidden; }
.backcard .item{ position: relative; background: #fff;margin-bottom: 20px; padding-bottom: 20px; }
.backcard .item_til{ line-height: 48px; background: #fff; border-bottom: 1px solid #eee; font-size:18px; padding-left: 20px; margin-bottom: 10px;  }
.backcard .item_name{ color: #666; padding: 5px 0 0 20px; }
.backcard .item_do{ position: absolute; right: 0; top: 13px; padding: 0 20px 5px 0; }
.backcard .item_dos{ display: block; float: left; margin-left: 30px; position: relative; color: #666; font-size: 12px; }
.backcard .item_ico{ height: 14px; margin-right: 5px; }
.backcard .addcard{ position: fixed; left: 0; bottom: 0; line-height: 42px; text-align: center; width: 100%; z-index: 3; background: #fff;box-shadow:0px 0px 15px rgba(0,0,0,0.05);}
.backcard .addcard_i{display: inline-block; width: 26px; margin-right: 10px; }
.backcard .addcard_t{ display: inline-block; color: #333; }

.padress{ padding: 40px 0 60px;}
.padress .btil{ line-height: 46px; font-size: 16px; padding-left: 20px; }
.padress .btilt{ color: #666; font-size: 12px; }
.padress .btilc{ color: #4C84FF; }
.padress .list{ overflow: hidden; }
.padress .item{ position: relative; background: #fff;margin-bottom: 20px; padding-bottom: 10px; }
.padress .item_til{ line-height: 48px; background: #fff; border-bottom: 1px solid #eee; font-size:18px; padding-left: 20px; margin-bottom: 10px;  }
.padress .item_name{ color: #666; padding: 5px 0 10px 35px; position: relative; line-height: 18px; }
.padress .item_ico{ height: 12px; position: absolute; left: 20px; top: 8px; }
.padress .addadr{ position: fixed; left: 0; bottom: 0; line-height: 42px; text-align: center; width: 100%; z-index: 3; background: #fff;box-shadow:0px 0px 15px rgba(0,0,0,0.05);}
.padress .addadr_i{display: inline-block; width: 26px; margin-right: 10px; }
.padress .addadr_t{ display: inline-block; color: #333; }
.padress .item_deal{ overflow: hidden; padding: 10px 20px 0 0; }
.padress .item_do{  float: right;}
.padress .item_dos{ display: block; float: left; margin-left: 30px; position: relative; color: #666; font-size: 12px; }
.padress .item_def{ display: none; }
.padress .item_default{ border-radius: 4px; box-shadow:2px 0px 12px rgba(76,132,255,0.2); border-color: #4C84FF;}
.padress .item_default .item_def{ position: absolute; right: 0; top: 0; background: #4C84FF; color: #fff; font-size: 12px; line-height: 18px; padding: 0 5px 0 8px; display: block; }
.adresspop .ctrol_select{ width: 30%; margin-right: 5%; float: left; }
.adresspop .ctrol_select:nth-last-child(1){ margin-right: 0; }

.porder{ padding: 40px 10px 20px;}
.porder .btil{ line-height: 50px; font-size: 14px; }
.porder .btilt{ color: #666; font-size: 12px; margin-left: 10px; }
.porder .btilc{ color: #4C84FF; margin: 0 5px; }
.porder .item{position: relative; border:1px solid #eee; background: #fff; border-radius: 4px; background: #fff; margin-bottom: 20px;}
.porder .til{line-height: 36px; background: #eee; padding-left: 10px; color: #999; padding-left: 10px;}
.porder .infos{  }
.porder .item_sp{ padding: 10px 0 10px 0; border-top: 1px dashed #eee; margin: 0 10px; color: #666; }
.porder .item_sp:nth-child(1){}
.porder .we{ border-top: 1px solid #eee; margin: 0; padding: 10px; color: #333;}
.porder .item_adri{ display: none;}


.order_st{ background: none; padding-top: 120px; }
.order_st .odst{ font-size: 28px; line-height: 36px; text-align: center; }
.order_st .odsti{ margin-left: 20px; display: inline-block; vertical-align: middle;}
.order_st .odstii{ font-size: 14px; color: #999; }
.order_st .odtil{ display: none; }

.tixian .fc{ color: #4C84FF; }

.jifen{ padding: 178px 0 20px; }
.jifen .btil,.jifen .jfth{ display: none; }
.jifen .list{ padding: 0 10px; }
.jifen .item{ background: #fff; box-shadow:0px 0px 15px rgba(0,0,0,0.05); margin-bottom: 20px; }
.jifen .valblue{ color: #4C84FF; }
.jifen .valred{ color: #FF5256; }
.jifen .item{ padding: 10px 0; }
.jifen .item .fl{ float: none; overflow: hidden; font-size: 12px; line-height: 30px; }
.jifen .wapi{ float: left; color: #999; width: 90px; text-align: right; }
.jifen .val{ margin-left: 100px; }
.jifentop{ position: fixed; left: 0; top: 42px; background: #fff; padding: 15px; border-top: 1px solid #eee; box-shadow:0px 5px 5px rgba(0,0,0,0.05); width: 100%;  }
.jifentop .ctrol{display: block; height: 40px; line-height: 40px; border:1px solid #E5E5E4; border-radius: 4px; width: 45%; padding-left: 10px; float: left;}
.jifentop .ctrola{ background: url(../images/arw_down01.png) no-repeat 98% center; background-size: 13px 7px; width:45%; margin-right: 2%; }
.jifentop .drowsp{ width: 10%; text-align: center; color: #999; line-height: 40px; display: block; float: left; }
.jifentop .fjline{ overflow: hidden; padding-bottom: 10px; }
.jifentop .btn{ float: right; line-height: 40px; width: 45%; }

.page{ display: none; }
.botmore{ padding: 20px 0; text-align: center; color: #999; }

.ppay{ padding-top: 60px; }
.ppay .pp_mon{ text-align: center; }
.ppay .pp_num{color: #4C84FF; font-size: 18px;}
.ppay .pp_list{ overflow: hidden; padding:30px 0; }
.ppay .pp_lse{ display: block;text-align: center; border-radius: 4px; border:1px solid #eee; margin:0 auto 20px; width: 50%;  }
.ppay .pp_lse_ac{ border-color: #4C84FF; }
.ppay .pp_btn{ margin: 0 auto; }

.gonggao{padding-top: 60px;}
.gonggao .til{ font-size: 16px; line-height: 24px; color: #666; padding: 0 10px 10px; }
.gonggao .time{ font-size: 12px; color: #999; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.gonggao .fuwen{ padding: 30px 20px 50px; color: #666; font-size: 12px; }